<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="header ">
    <div class="header_center w1200 mAuto clearfix">
        <h2 class="fl">欢迎来到天天生鲜</h2>
        <div class="user_link fr">
            <span>|</span>
        <a href="#">用户中心</a>
        <span>|</span>
        <a href="#">我的购物车</a>
        <span>|</span>
        <a href="#">我的订单</a>
    </div>
        <div class="login_btn fr">
            <a href="">登录</a>
            <span>|</span>
            <a href="#">注册</a>
        </div>
    </div>
</div>
<div class="search_bar clearfix">
    <a href="#" class="logo fl">
        <img src="img/logo.png" alt="">
    </a>
    <div class="search_con fl">
        <form action="" class="clearfix">
        <input type="text" placeholder="搜索商品" name="product_search" class="input_text fl">
        <input type="submit" class="input_btn fl" value="搜索">
        </form>
    </div>
    <div class="guest_cart fr">
        <a href="#" class="cart_name fl">我的购物车</a>
        <div class="goods_count fl">1</div>
    </div>
</div>
<div class="nav_bar_con">
    <div class="nav_bar mAuto clearfix">
        <h1 class="fl">全部商品分类</h1>
        <ul class="fl">
            <li><a href="#">首页</a></li>
            <li class="interval">|</li>
            <li><a href="#">手机生鲜</a></li>
            <li class="interval">|</li>
            <li><a href="#">抽奖</a></li>
        </ul>
    </div>
</div>
<!--菜单内容模块-->
<div class="center_con mAuto">
    <!--左侧菜单盒子-->
    <ul class="sub_nav fl">
        <li><a class="fruit" href="#">新鲜水果</a></li>
        <li><a class="seafood" href="#">海鲜水产</a></li>
        <li><a class="meet" href="#">猪牛羊肉</a></li>
        <li><a class="egg" href="#">禽类蛋品</a></li>
        <li><a class="vegetables" href="#">新鲜蔬菜</a></li>
        <li><a class="ice" href="#">速冻食品</a></li>
    </ul>
    <!--轮播模块-->
    <div class="slide fl">
        <ul class="slide_pics">
            <li><img src="img/slide.jpg" alt=""></li>
            <li><img src="img/slide02.jpg" alt=""></li>
            <li><img src="img/slide03.jpg" alt=""></li>
            <li><img src="img/slide04.jpg" alt=""></li>
        </ul>
        <div class="prev"></div>
        <div class="next"></div>
        <ul class="points">
            <li class="active"></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <!--右侧产品广告模块-->
    <div class="adv fl">
        <a href="#"><img src="img/adv01.jpg" alt=""></a>
        <a href="#"><img src="img/adv02.jpg" alt=""></a>
    </div>
</div>
<!--内容模块-->
<div class="list_model mAuto">
    <!--内容里面的上模块-->
    <div class="list_title clearfix">
        <h3 class="fl">新鲜水果</h3>
        <div class="sub_title fl">
            <span>|</span>
            <a href="#">鲜芒</a>
            <a href="#">加州提子</a>
            <a href="#">亚马逊牛油果</a>
        </div>
        <a href="#" class="goods_more fr">查看更多&gt;</a>
    </div>

    <!---内容里面的下模块-->
    <div class="goods_con">
        <div class="goods_banner fl">
            <img src="img/banner01.jpg" alt="">
        </div>
        <ul class="goods_list fl">
            <li>
                <h4>草莓</h4>
                <a href="#"><img src="img/goods003.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>葡萄</h4>
                <a href="#"><img src="img/goods002.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>柠檬</h4>
                <a href="#"><img src="img/goods001.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>奇异果</h4>
                <a href="#"><img src="img/goods012.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
        </ul>
    </div>
</div>
<div class="list_model mAuto">
    <!--内容里面的上模块-->
    <div class="list_title clearfix">
        <h3 class="fl">新鲜水果</h3>
        <div class="sub_title fl">
            <span>|</span>
            <a href="#">鲜芒</a>
            <a href="#">加州提子</a>
            <a href="#">亚马逊牛油果</a>
        </div>
        <a href="#" class="goods_more fr">查看更多&gt;</a>
    </div>

    <!---内容里面的下模块-->
    <div class="goods_con">
        <div class="goods_banner fl">
            <img src="img/banner02.jpg" alt="">
        </div>
        <ul class="goods_list fl">
            <li>
                <h4>青岛野生海捕大青虾</h4>
                <a href="#"><img src="img/goods018.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>扇贝</h4>
                <a href="#"><img src="img/goods019.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>冷冻球刀鱼</h4>
                <a href="#"><img src="img/goods020.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>基围虾</h4>
                <a href="#"><img src="img/goods021.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
        </ul>
    </div>
</div>
<div class="list_model mAuto">
    <!--内容里面的上模块-->
    <div class="list_title clearfix">
        <h3 class="fl">新鲜水果</h3>
        <div class="sub_title fl">
            <span>|</span>
            <a href="#">鲜芒</a>
            <a href="#">加州提子</a>
            <a href="#">亚马逊牛油果</a>
        </div>
        <a href="#" class="goods_more fr">查看更多&gt;</a>
    </div>

    <!---内容里面的下模块-->
    <div class="goods_con">
        <div class="goods_banner fl">
            <img src="img/banner03.jpg" alt="">
        </div>
        <ul class="goods_list fl">
            <li>
                <h4>维多利亚葡萄维多利亚葡萄维多利亚葡萄</h4>
                <a href="#"><img src="img/goods.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>维多利亚葡萄</h4>
                <a href="#"><img src="img/goods.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>维多利亚葡萄</h4>
                <a href="#"><img src="img/goods.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>维多利亚葡萄</h4>
                <a href="#"><img src="img/goods.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
        </ul>
    </div>
</div>
<div class="list_model mAuto">
    <!--内容里面的上模块-->
    <div class="list_title clearfix">
        <h3 class="fl">新鲜水果</h3>
        <div class="sub_title fl">
            <span>|</span>
            <a href="#">鲜芒</a>
            <a href="#">加州提子</a>
            <a href="#">亚马逊牛油果</a>
        </div>
        <a href="#" class="goods_more fr">查看更多&gt;</a>
    </div>

    <!---内容里面的下模块-->
    <div class="goods_con">
        <div class="goods_banner fl">
            <img src="img/banner04.jpg" alt="">
        </div>
        <ul class="goods_list fl">
            <li>
                <h4>维多利亚葡萄</h4>
                <a href="#"><img src="img/goods.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>维多利亚葡萄</h4>
                <a href="#"><img src="img/goods.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>维多利亚葡萄</h4>
                <a href="#"><img src="img/goods.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>维多利亚葡萄</h4>
                <a href="#"><img src="img/goods.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
        </ul>
    </div>
</div>
<div class="list_model mAuto">
    <!--内容里面的上模块-->
    <div class="list_title clearfix">
        <h3 class="fl">新鲜水果</h3>
        <div class="sub_title fl">
            <span>|</span>
            <a href="#">鲜芒</a>
            <a href="#">加州提子</a>
            <a href="#">亚马逊牛油果</a>
        </div>
        <a href="#" class="goods_more fr">查看更多&gt;</a>
    </div>

    <!---内容里面的下模块-->
    <div class="goods_con">
        <div class="goods_banner fl">
            <img src="img/banner05.jpg" alt="">
        </div>
        <ul class="goods_list fl">
            <li>
                <h4>维多利亚葡萄</h4>
                <a href="#"><img src="img/goods.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>维多利亚葡萄</h4>
                <a href="#"><img src="img/goods.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>维多利亚葡萄</h4>
                <a href="#"><img src="img/goods.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>维多利亚葡萄</h4>
                <a href="#"><img src="img/goods.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
        </ul>
    </div>
</div>
<div class="list_model mAuto">
    <!--内容里面的上模块-->
    <div class="list_title clearfix">
        <h3 class="fl">新鲜水果</h3>
        <div class="sub_title fl">
            <span>|</span>
            <a href="#">鲜芒</a>
            <a href="#">加州提子</a>
            <a href="#">亚马逊牛油果</a>
        </div>
        <a href="#" class="goods_more fr">查看更多&gt;</a>
    </div>

    <!---内容里面的下模块-->
    <div class="goods_con">
        <div class="goods_banner fl">
            <img src="img/banner06.jpg" alt="">
        </div>
        <ul class="goods_list fl">
            <li>
                <h4>维多利亚葡萄</h4>
                <a href="#"><img src="img/goods.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>维多利亚葡萄</h4>
                <a href="#"><img src="img/goods.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>维多利亚葡萄</h4>
                <a href="#"><img src="img/goods.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
            <li>
                <h4>维多利亚葡萄</h4>
                <a href="#"><img src="img/goods.jpg" alt=""></a>
                <div class="price">￥30.00</div>
            </li>
        </ul>
    </div>
</div>
<!--底部盒子-->
<div class="footer">
    <div class="link">
        <a href="#">关于我们</a>
        <span>|</span>
        <a href="#">联系我们</a>
        <span>|</span>
        <a href="#">招聘人才</a>
        <span>|</span>
        <a href="#">友情链接</a>
    </div>
    <p>
        CopyRight  2016 北京天天生鲜信息技术有限公司 All Rights Reserved
        <br/>电话：010-****888 京ICP备*******8号</p>

</div>
</body>
</html>
<script src="js/jquery-1.10.1.js"></script>
<script src="js/index.js"></script>
